.homePagePanoramicMonitoringPageMapComponentInfoWindowComponent {
    width: fit-content;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    position: relative;
    left: -8px;

    .homePagePanoramicMonitoringPageMapComponentInfoWindowComponent-header {
        width: 100%;
        height: 32px;
        padding: 0 8px;
        background-color: #E6F7FF;
        border-radius: 8px 8px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);

        .homePagePanoramicMonitoringPageMapComponentInfoWindowComponent-header__imageGroup {
            display: flex;
            gap: 10px;
        }
    }

    .homePagePanoramicMonitoringPageMapComponentInfoWindowComponent-arrow {
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
    }
    :global {
        .leaflet-popup-content {
            margin: 0;
        }
    }
}